/*
 *@description:家政服务详情组件
 *@Author:@reynold
 *@Date:2025-03-25 15:45:50
 *@Update:2025-03-25 15:45:50
 *@Version: V1.0.0
*/

<template>
  <div class="detail_box">
    <div class="box_img">
      <img :src="imgUrl" alt="">
    </div>
    <div class="box_name">
      {{ name }}
    </div>
  </div>
</template>
<script>
export default {
  props:{
    imgUrl:{
      type:String,
      default:'',
      requied:true
    },
    name:{
      type:String,
      default:'',
      requied:true
    }
  }
}
</script>
<style scoped>
.detail_box{
  width: 100%;
  height: 140px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  margin-bottom: 10px;
}
.detail_box .box_img {
  width: 100%;
  height: 120px;
  padding: 20px;
  box-sizing: border-box;
}
.detail_box .box_img img {
  width: 100%;
  height: 100%;
}
.detail_box .box_name {
  width: 100%;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
</style>